
<ion-header>

  <!--此处使用 toolbar 而不是用 ion-navbar-->
  <!-- 是因为 返回的时候 搜索框 隐藏的动画太丑 -->
  <ion-toolbar color="primary">
    <!-- 注：搜索框上也可以使用以下两个方法-->
    <!--(ionBlur)="searchInputBlur()" (ionFocus)="searchInputFocus($event)"-->
    <ion-searchbar placeholder="请输入书名或作者"></ion-searchbar>
    <ion-buttons end>
      <button ion-button (click)="searchCancel()">取 消</button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content padding>
<p class="search-content">
  <span>大家都在搜</span>
  <span class="span-r">
     <ion-icon name="ios-help-circle-outline" item-left></ion-icon>
    <font>换一批</font>
  </span>
</p>
</ion-content>
